/**
 * Created by Administrator on 2017/5/28 0028.
 */

$(function(){
    ///C:/Users/Administrator/Desktop/%E5%A4%A9%E7%8B%97%E5%95%86%E5%9F%8E/infomation.html?pid=3
    //切割字符串，取到pid
    var pid = window.location.search.split("=")[1];

    //从列表页面请求数据
    $.ajax({
        url : "./server/info.php?pid=" + pid,
        type : "get",
        dataType : "json",
        success : function(res){
            // console.log(res);
            //返回结果
            // [Object]0: Objectdescription: "越南干薯条"pid: "9"pifkong: "售罄"plimg: "images/list/i4.jpg"price: "￥10元"prostatus: "1"psimg: "images/list/s4.jpg"__proto__: Objectlength: 1__proto__: Array(0)

            //获取值添加到页面
            //大图片
            $(".s-left .midimg").find("img").attr("src", res[0].plimg);
            //大图片
            $(".s-left .larimg").attr("src", res[0].plimg);
            //小图片
            $(".s-left .simg").attr("src", res[0].psimg);
            //描述
            $(".s-right h4").text(res[0].description);
            $(".main .fir").find("p").text(res[0].description)
            //价格
            $(".s-right .price").find(".pa").text("￥：" + res[0].price + ".00");
            //总价
            $(".s-right .counts").find(".zong").text("￥：" + res[0].price * ($(".s-right .counts").find(".n").text()));


            //给“立即购买和 我的购物车 按钮绑定产品信息”   data  给自定义属性设置值
            $("#buynow").data("pid", res[0].pid);
            $("#buynow").data("plimg", res[0].plimg);
            $("#buynow").data("description", res[0].description);
            $("#buynow").data("price", res[0].price);

            $(".buy").find("a").data("pid", res[0].pid);
            $(".buy").find("a").data("plimg", res[0].plimg);
            $(".buy").find("a").data("description", res[0].description);
            $(".buy").find("a").data("price", res[0].price);


            //点击箭头，产品数量变化
            $(".counts").find(".jia").on("click", function(){
                //先获取自己的已有的值，再加1，又塞回去
                $(".counts").find(".jia").prev().text(parseInt($(".counts").find(".jia").prev().text()) + 1);
                $(".counts").find(".zong").text("￥：" + res[0].price * ($(".s-right .counts").find(".n").text()));
            })

            $(".counts").find(".jian").on("click", function(){
                if(parseInt($(".counts").find(".jian").next().text()) == 1){
                    // $(".counts").find(".jian").next().text(1);
                    return;
                }
                $(".counts").find(".jian").next().text(parseInt($(".counts").find(".jian").next().text()) - 1);
                $(".counts").find(".zong").text("￥：" + res[0].price * ($(".s-right .counts").find(".n").text()));
            })


        },

    })


    //图片放大镜
    //核心公式  小区域/大区域=小图/大图

    var midimg = $(".midimg");//小图
    var smlarea = $("#smlarea");//小区域
    var lararea = $("#lararea");//大区域
    var larimg = $(".larimg");//大图

    // 小区域宽高
    // smlarea.css({
    //     "height":(midimg.height()/larimg.height())*lararea.height(),
    //     "width": (midimg.width()/larimg.width())*lararea.width(),
    // });

    //小区域移动最大范围  小图宽-小区域宽
    var widthmax = midimg.width() - smlarea.width();
    var heightmax = midimg.height() - smlarea.height();


    //鼠标进入小图，小区域出现开始移动 大区域也出现
    $(".s-left .midimg").find("img").on("mouseenter", function(){
        console.log(111);
        $("#smlarea").show();
        $("#lararea").show();

        $("#smlarea").mousemove(function(evt){
            var e = evt || window.event;
            var x = e.pageX - midimg.offset().left - smlarea.width() / 2;
            var y = e.pageY - midimg.offset().top - smlarea.height() / 2;

            //小区域移动显示的位置
            smlarea.css({
                left : x,
                top : y
            })

            larimg.css({
                left : -x * (lararea.width() / midimg.width()),
                top : -y * (larimg.width() / midimg.width())
            })

            //设置小区域移动的位置
            if(x < 0){
                smlarea.css("left", 0)
                //不在让鼠标跟随走，大图不在动
                larimg.css("left", 0);
            }
            if(x >= widthmax){
                smlarea.css("left", widthmax)
                larimg.css("left", -widthmax * (lararea.width() / midimg.width()))
            }


            if(y < 0){
                smlarea.css("top", 0)
                larimg.css("top", 0);
            }
            if(y >= heightmax){
                smlarea.css("top", heightmax)
                larimg.css("top", -heightmax * (lararea.height() / midimg.height()))
            }

        })
    })

    $("#smlarea").mouseleave(function(){
        smlarea.hide();
        lararea.hide();
        $("#smlarea").mousemove(null)
    })


    //点击“立即购买”，将产品信息带过去跳转页面
    $("#buynow").on("click", function(){
        // console.log($(this).data("pid"));// 返回当前产品的id
        // window.location.href="carts.html";

        //通过ajax将数据发送给购物车页面
        $.ajax({
            url : "./server/carts.php",
            type : "get",
            data : {
                "pid" : $(this).data("pid"),
                "plimg" : $(this).data("plimg"),
                "description" : $(this).data("description"),
                "price" : $(this).data("price")
            },
            success : function(){
                // console.log(JSON.parse(result)); //返回status=1
                // if(JSON.parse(result).status==1){
                window.location.href = "carts.html?pId=" + $("#buynow").data("pid") + "&&cunm=" + $(".counts").find(".n").html()
            }
            // }
        })
    })

    //点击我的购物车，跳转到购物车页面
    $(".buy").find("a").on("click", function(){
        if($(".buy").find("span").text() == 0){
            window.location.href = "nobuy.html"
        }
        else {

            //通过ajax将数据发送给购物车页面
            $.ajax({
                url : "./server/carts.php",
                type : "get",
                data : {
                    "pid" : $(this).data("pid"),
                    "plimg" : $(this).data("plimg"),
                    "description" : $(this).data("description"),
                    "price" : $(this).data("price")

                },
                success : function(){
                    // console.log(JSON.parse(result)); //返回status=1
                    // if(JSON.parse(result).status==1){
                    window.location.href = "carts.html?pId=" + $(".buy").find("a").data("pid") + "&&unm=" + $(".logo .buy a").find("span").html();
                }

            })
        }

    })

})

























$(function(){

    //鼠标移入plus，分享的盒子出现
    $(".bian .morebox1").find("a").on("mouseenter",function(){
        $(".showbox1").css("display","block")
    })

    $(".bian .morebox1").on("mouseleave",function(){
        $(".showbox1").css("display","none")
    })



    //鼠标移入手机购买。箭头向下，二维码出现
    $(".pri-r .phon").on("mouseenter",function(){
        $(".pri-r").css({
            border:"1px solid #cccccc",
            zIndex:999
        })
        $(this).find('span').text("∧");
        $(this).css("borderBottom","1px solid #cccccc");
        $(".erweim").css("display","block")

    })
    $(".pri-r").on("mouseleave",function(){
        $(".pri-r .phon").find('span').text("∨");
        $(".pri-r .phon").css("borderBottom","none");
        $(".erweim").css("display","none");
        $(".pri-r").css("border","none")
    })


    //鼠标移入产品li，左右箭头出现

    $(".produ").find("#myul").on("mouseenter",function(){
        $(".produ .jiant").find("a").css({
            display:"block"
        })
    })

    $(".produ").find(".pro").on("mouseleave",function(){
        $(".produ .jiant").find("a").css("display","none")
    })

    //鼠标点击箭头，图片轮播
    $(".pro .jiant").find(".rrow").on("click", function(){
        console.log(111);

        $(".pro").find("#myul").animate({
            left : -($(".pro").width())
        }, 500)
    })

    //鼠标点击左箭头
    $(".pro .jiant").find(".lrow").on("click",function(){

        $(".pro").find("#myul").animate({
            left : 0
        }, 500)
    })


    //点击进口食品，页面跳转
    $(".main .fir").children(3).on("click",function(){
        window.location.href="list.html";
    })






    //点击加入购物车，弹框，右上角购物车数量改变
    $(".s-right .obuy").find(".join").on("click",function(){

        alert("该商品已成功加入购物车！");
        //右上角购物车数量为当前商品的数量+已点击加入购物车的次数
        $(".logo .buy a").find("span").text(parseInt($(".logo .buy a").find("span").text())+parseInt($(".counts").find(".n").text()))

    })




})



